import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";

function _templateObject5() {
  var data = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: #666;\n  line-height: 20px;\n  font-weight: normal;\n  text-align: center;\n"]);

  _templateObject5 = function _templateObject5() {
    return data;
  };

  return data;
}

function _templateObject4() {
  var data = _taggedTemplateLiteral(["\n  flex: 0 0 12.5%;\n  display: flex;\n  flex-direction: column;\n  align-content: center;\n  justify-content: flex-start;\n  margin-bottom: 28px;\n  i {\n    text-align: center;\n  }\n"]);

  _templateObject4 = function _templateObject4() {
    return data;
  };

  return data;
}

function _templateObject3() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  font-size: 14px;\n  color: #666;\n  line-height: 32px;\n  padding: 8px 16px;\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 346px;\n  padding: 16px;\n  background: #fafafa;\n  overflow-y: auto;\n  ::-webkit-scrollbar {\n    width: 4px;\n    height: 4px;\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: 5px;\n    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\n    background: rgba(0, 0, 0, 0.2);\n  }\n  ::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);\n    border-radius: 0;\n    background: rgba(0, 0, 0, 0);\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import styled from "styled-components";
export var IconDisplayWrapper = styled.div(_templateObject());
export var IconSectionTitle = styled.h4(_templateObject2());
export var IconSectionWrapper = styled.div(_templateObject3());
export var IconWrapper = styled.div(_templateObject4());
export var IconTitle = styled.h6(_templateObject5());